<template>
  <div>
    <NavType/>
    <List/>
    <Recommend/>
    <Rank/>
    <Like/>
    <Floor v-for="floor in floorList" :key="floor.id" :floor="floor"/>
    <Brand/>
  </div>
</template>

<script>
import {requestFloorList} from '@/api'
import List from './List'
import Recommend from './Recommend'
import Rank from './Rank'
import Like from './Like'
import Floor from './Floor'
import Brand from './Brand'
export default {
    name:'Home',
    components:{
      List,
      Recommend,
      Rank,
      Like,
      Floor,
      Brand
    },
    data() {
      return {
        floorList:[]
      }
    },
    mounted(){
      //获取floorList
      this.getFloorList()
    },
    methods: {
      //封装获取floorList，避免组件复用导致多次请求
      async getFloorList(){
        const result = await requestFloorList()
        this.floorList = result
      }
    },
}
</script>

<style>

</style>